<template>
    <el-tabs v-model="activeName" type="card">
        <el-tab-pane lazy label="区域管理" name="area">
            <area-opt></area-opt>
        </el-tab-pane>
        <el-tab-pane lazy label="子区域管理" name="child">
            <child-opt></child-opt>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    import AreaOpt from './areaOpt'
    import ChildOpt from './childOpt'

    export default {
        name: 'areaOperate',
        components: {
            AreaOpt,
            ChildOpt
        },
        data () {
            return {
                activeName: 'area'
            }
        }
    }
</script>

<style scoped>

</style>
